<template>
  <view class="container">
    <!-- 顶部组件 -->
    <u-navbar
      id="nav-bar"
      :is-back="true"
      :background="{ background: '#fff' }"
      :border-bottom="false"
      title="预支分润"
    ></u-navbar>
    <view class="content">
      <image class="yzfr" src="/static/images/home-yzfr.png" mode="widthFix" />

      <button class="applyBtn" @click=""></button>

      <button class="recordBtn" @click="navigateTo('/pages/home/applicationRecord')"></button>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {};
  },
  onLoad() {},
  methods: {
    navigateTo(url) {
      uni.navigateTo({
        url: url,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.container {
  width: 100%;
  min-height: 100vh;
  padding: 0;
  text-align: center;
  background-color: #f5f5f5;
}

.content {
  position: relative;
  width: 100%;
  overflow: hidden;
  .yzfr {
    width: 100%;
    height: auto;
  }

  .applyBtn {
    position: absolute;
    top: 1105rpx;
    left: 0;
    width: 100%;
    height: 64rpx;
    z-index: 10;
  }

  .recordBtn {
    position: absolute;
    top: 1180rpx;
    left: 0;
    width: 100%;
    height: 64rpx;
    z-index: 10;
  }
}
</style>
